<!DOCTYPE HTML>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>Recipes mockup v2</title>
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" />
	<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="jquery.mobile-1.0.1.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
	
<style>
._ui-content{margin: 0; padding: 0}
</style>
</head>

<body>
<div data-role="page" id="meat-recipes" data-title="Recipes - Categories"><div data-role="content">
	<div data-role="header"><h1>Meat Recipes</h1></div>
	
	<ul data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search recipes...">
		<li data-role="list-divider">C</li>
		<li><a href="mockup2-page3.html">Chicken Nuggets</a></li>
		<li data-role="list-divider">H</li>
		<li><a href="mockup2-page3.html">Hamburger</a></li>
		<li><a href="mockup2-page3.html">Hotdogs</a></li>
		<li data-role="list-divider">S</li>
		<li><a href="mockup2-page3.html">Shnitzel</a></li>
		<li><a href="mockup2-page3.html">Steak</a></li>
	</ul>
<!-- 	<hr /> -->
	<div data-role="navbar">
		<ul>
			<li><a href="index.html" data-icon="home" data-rel="back" >Home</a></li>
			<li><a href="#" data-icon="gear" >ABC</a></li>
			<li><a href="#" data-icon="star" >Popularity</a></li>
		</ul>
	</div>
</div></div>

v2
</body>
</html>















